<!doctype html>
<html lang="en">	
	<head>
		<meta charset="UTF-8">
		<meta name="Generator" content="EditPlus®">
		<meta name="Author" content="">
		<meta name="Keywords" content="">
		<meta name="Description" content="">
		<title>12-案例+知识点补充-none</title>
		<link rel="stylesheet" href="../css/node-public.css">
	</head>
	<body>
		
		<div id="box">
			<h1>12-案例+知识点补充-none</h1>
			<a href="../confused is Blog/confused is Blog.html">首页</a>
		</div>
		<div id="main-box">
			<ul>
				<li>
					<h2>外边距合并</h2>
					<span>在文档流中的块级，只要是垂直排列方向的块级，
		他们垂直方向的外边距margin要是没有阻隔，就会发生合并
		
			垂直方向的外边距margin：上下外边距
			
			box的外边距为0
			text的外边距为300
			合并后以大的外边距为主 =  300


			阻止外边距合并的方法：
				1、增加第三者
				2、父子级之间，给父级加边框或者padding都能阻止。
				3、给父子级之间添加文本、第三者
				4、变成行内块
				5、变成浮动元素</span>
				</li>
				<li>
					<h2>最大,小宽度</h2>
					<span>百分比：相对于父级的比例
		比如你的父级是1000px，你的子级宽度写80%,那么是800px
		最小宽度：min-width:当盒子宽度到达这个值的时候就不再缩小
		最大宽度：max-width：当盒子宽度到达这个值的时候就不再放大
		作用：尽可能的保全布局不乱
					</span>
				</li>
			</ul>
	</body>
</html>
